《高性能網(wǎng)站建設(shè)指南》閱讀筆記_規(guī)則7- 避免CSS表達(dá)式
發(fā)布時(shí)間：2013-11-22 瀏覽：388打印字號：大中小
http://stevesouders.com/hpws/rule-expr.php
CSS表達(dá)式是動(dòng)態(tài)設(shè)置CSS屬性的一種強(qiáng)大但很危險(xiǎn)的方式，因?yàn)椋?/span>
1.CSS表達(dá)式用于動(dòng)態(tài)設(shè)置CSS屬性，它只受到IE 5及以后版本的支持。
2. 禁用CSS表達(dá)式，因?yàn)樗鼛缀踉谟|發(fā)各種事件時(shí)都會(huì)被調(diào)用。
3. 有的時(shí)候，CSS表達(dá)式也會(huì)影響頁面的加載時(shí)間。
任何css表達(dá)式實(shí)現(xiàn)的功能我們都可以找到它的替代方式，比如事件處理器等。
就是時(shí)間觸發(fā)的時(shí)候才會(huì)執(zhí)行，比如設(shè)置一個(gè)頁面的最小寬度數(shù)600像素，IE不支持min-width屬性，所以在IE中使用CSS表達(dá)式。width:expression(document.body.clientWidth<600?"600px":"auto");
min-width:600px;）優(yōu)化成只有window.onresize觸發(fā)時(shí)才執(zhí)行
CSS表達(dá)式（示例）：
background-color: expression( (new Date()).getSeconds()%2 ?"red":"blue" );
詳細(xì)實(shí)例：
注意：禁用CSS表達(dá)式，因?yàn)樗鼛缀踉谟|發(fā)各種事件時(shí)都會(huì)被調(diào)用。
改進(jìn)：（一次性表達(dá)式）
在調(diào)用JS代碼后，JS代碼重寫了其background-color屬性，所以只會(huì)執(zhí)行一次。
